<template>
  <div id="Researcher">
  <el-container>

    <el-container>
    <el-header>
    <el-menu
      :default-active="activeIndex2"
      class="el-menu-demo"
      mode="horizontal"
      @select="handleSelect"
      background-color="gray"

      text-color="#fff"
      active-text-color="#77ff77">
      <el-menu-item index="1"><router-link to="/EstablishProj" >我要立项！</router-link></el-menu-item>
      <el-submenu index="2">
        <template #title>查看项目</template>
        <el-menu-item index="2-1"><router-link  to="/MyProj" >我的科研项目</router-link></el-menu-item>
        <el-menu-item index="2-2"><router-link to="/PermittedProj" >浏览正在进行中项目</router-link></el-menu-item>
        <el-submenu index="2-3">
           <template #title>申请加入项目</template>
           <el-menu-item index="2-3-1"><router-link to="/MyApply" >查看我的申请</router-link></el-menu-item>
        </el-submenu>
            <el-menu-item index="2-4"><router-link to="/Leader">发给我的申请</router-link></el-menu-item>
      </el-submenu>
    </el-menu>
    </el-header>
    <el-main >
       <div>
        <el-carousel :interval="4000" type="card" height="360px" width="90%">
            <el-carousel-item v-for="item in imgList" :key="item.name">
                <img :src="item.src" style="height:100%;width:100%;" alt="图片丢失了" :title="item.title" />
            </el-carousel-item>
        </el-carousel>
        <el-collapse v-model="activeName" accordion>
          <el-collapse-item title="立项" name="1">
            <div>可以在线下审核之后进行立项申请。</div>
            <div>你可以根据模板填写项目内容，也可以自定义项目模板。</div>
          </el-collapse-item>
          <el-collapse-item title="申请加入" name="2">
            <div>你可以通过本平台查看到当前正在进行的项目并申请加入。</div>
            <div>如果你是立项人，你可以管理申请，从而构建项目团队</div>
          </el-collapse-item>
        </el-collapse>
       </div>
    </el-main>
    </el-container>
    </el-container>
  </div>
</template>


<script>
import http from '../utils/req.js'
export default{
  name:'Researcher',
  data(){
    return{
        imgList: [
          {
            name: 'bg1',
            src: 'src/assets/bg1.png',
            title: '科研信息一体化'
          },
          {
            name: 'bg2',
            src: 'src/assets/bg2.jpeg',
            title: '谨慎'
          },
          {
            name: 'bg3',
            src: 'src/assets/bg3.jpeg',
            title: '勤思'
          }
        ]
    }
  }
}
</script>